import { setHeaders, get, post, put, del } from './http.js';

let categories = [];

get('/api/category/tree')
    .then(data => {
        console.log('用户信息:', data);
        categories = data;
        
        renderCategories();
    })
    .catch(error => {
        console.error('请求失败:', error.message);
        debugger
        if (error.status === 401) {
            // 跳转到登录页
        }
    });

// 使用 let 或者不使用 const/let，直接赋值
// window.categories = [
//     {
//         id: 1,
//         categoryName: "手机 / 运营商 / 数码",
//         children: [
//             {
//                 id: 101,
//                 categoryName: "手机通讯",
//                 children: [
//                     { id: 10101, categoryName: "手机" },
//                     { id: 10102, categoryName: "游戏手机" },
//                     { id: 10103, categoryName: "5G手机" },
//                     { id: 10104, categoryName: "老人机" },
//                     { id: 10105, categoryName: "对讲机" }
//                 ]
//             },
//             {
//                 id: 102,
//                 categoryName: "运营商",
//                 children: [
//                     { id: 10201, categoryName: "合约机" },
//                     { id: 10202, categoryName: "手机卡" },
//                     { id: 10203, categoryName: "宽带" },
//                     { id: 10204, categoryName: "充话费" }
//                 ]
//             },
//             {
//                 id: 103,
//                 categoryName: "数码配件",
//                 children: [
//                     { id: 10301, categoryName: "数据线" },
//                     { id: 10302, categoryName: "充电器" },
//                     { id: 10303, categoryName: "手机壳" },
//                     { id: 10304, categoryName: "充电宝" },
//                     { id: 10305, categoryName: "耳机" }
//                 ]
//             }
//         ]
//     },
//     {
//         id: 2,
//         categoryName: "电脑 / 办公",
//         children: [
//             {
//                 id: 201,
//                 categoryName: "电脑整机",
//                 children: [
//                     { id: 20101, categoryName: "笔记本" },
//                     { id: 20102, categoryName: "台式机" },
//                     { id: 20103, categoryName: "一体机" },
//                     { id: 20104, categoryName: "服务器" },
//                     { id: 20105, categoryName: "平板电脑" }
//                 ]
//             },
//             {
//                 id: 202,
//                 categoryName: "电脑配件",
//                 children: [
//                     { id: 20201, categoryName: "显示器" },
//                     { id: 20202, categoryName: "CPU" },
//                     { id: 20203, categoryName: "主板" },
//                     { id: 20204, categoryName: "显卡" },
//                     { id: 20205, categoryName: "内存" }
//                 ]
//             },
//             {
//                 id: 203,
//                 categoryName: "外设产品",
//                 children: [
//                     { id: 20301, categoryName: "鼠标" },
//                     { id: 20302, categoryName: "键盘" },
//                     { id: 20303, categoryName: "耳机" },
//                     { id: 20304, categoryName: "摄像头" }
//                 ]
//             }
//         ]
//     },
//     {
//         id: 3,
//         categoryName: "家用电器",
//         children: [
//             {
//                 id: 301,
//                 categoryName: "大家电",
//                 children: [
//                     { id: 30101, categoryName: "冰箱" },
//                     { id: 30102, categoryName: "洗衣机" },
//                     { id: 30103, categoryName: "空调" },
//                     { id: 30104, categoryName: "电视" }
//                 ]
//             },
//             {
//                 id: 302,
//                 categoryName: "厨房电器",
//                 children: [
//                     { id: 30201, categoryName: "微波炉" },
//                     { id: 30202, categoryName: "电饭煲" },
//                     { id: 30203, categoryName: "电水壶" },
//                     { id: 30204, categoryName: "电磁炉" }
//                 ]
//             }
//         ]
//     },
//     {
//         id: 4,
//         categoryName: "美妆 / 护肤",
//         children: [
//             {
//                 id: 401,
//                 categoryName: "面部护理",
//                 children: [
//                     { id: 40101, categoryName: "面膜" },
//                     { id: 40102, categoryName: "爽肤水" },
//                     { id: 40103, categoryName: "精华" },
//                     { id: 40104, categoryName: "面霜" }
//                 ]
//             },
//             {
//                 id: 402,
//                 categoryName: "彩妆",
//                 children: [
//                     { id: 40201, categoryName: "口红" },
//                     { id: 40202, categoryName: "粉底" },
//                     { id: 40203, categoryName: "眼影" },
//                     { id: 40204, categoryName: "睫毛膏" }
//                 ]
//             }
//         ]
//     },
//     {
//         id: 5,
//         categoryName: "男装 / 女装 / 童装",
//         children: [
//             {
//                 id: 501,
//                 categoryName: "女装",
//                 children: [
//                     { id: 50101, categoryName: "连衣裙" },
//                     { id: 50102, categoryName: "T恤" },
//                     { id: 50103, categoryName: "牛仔裤" },
//                     { id: 50104, categoryName: "休闲裤" }
//                 ]
//             },
//             {
//                 id: 502,
//                 categoryName: "男装",
//                 children: [
//                     { id: 50201, categoryName: "衬衫" },
//                     { id: 50202, categoryName: "T恤" },
//                     { id: 50203, categoryName: "夹克" },
//                     { id: 50204, categoryName: "牛仔裤" }
//                 ]
//             },
//             {
//                 id: 503,
//                 categoryName: "童装",
//                 children: [
//                     { id: 50301, categoryName: "套装" },
//                     { id: 50302, categoryName: "T恤" },
//                     { id: 50303, categoryName: "裤子" },
//                     { id: 50304, categoryName: "裙子" }
//                 ]
//             }
//         ]
//     },
//     {
//         id: 6,
//         categoryName: "运动 / 户外",
//         children: [
//             {
//                 id: 601,
//                 categoryName: "运动鞋",
//                 children: [
//                     { id: 60101, categoryName: "跑步鞋" },
//                     { id: 60102, categoryName: "篮球鞋" },
//                     { id: 60103, categoryName: "休闲鞋" },
//                     { id: 60104, categoryName: "帆布鞋" }
//                 ]
//             },
//             {
//                 id: 602,
//                 categoryName: "运动服饰",
//                 children: [
//                     { id: 60201, categoryName: "运动套装" },
//                     { id: 60202, categoryName: "运动T恤" },
//                     { id: 60203, categoryName: "运动裤" },
//                     { id: 60204, categoryName: "运动内衣" }
//                 ]
//             }
//         ]
//     }
// ];

// 渲染分类菜单
function renderCategories() {
    const categoryList = document.getElementById('categoryList');

    const html = categories.map(category => {
        // 处理一级分类名称，添加斜杠分隔
        const nameArray = category.categoryName.split('/').map(item => `<span>${item.trim()}</span>`);
        const nameHtml = nameArray.join('<span>/</span>');

        // 处理二级和三级分类
        const subCategoriesHtml = category.children.map(subCategory => {
            const linksHtml = subCategory.children.map(item =>
                `<a href="search.html?category=${item.id}">${item.categoryName}</a>`
            ).join('');

            return `
                <div class="popup-item">
                    <h4>${subCategory.categoryName}</h4>
                    <div class="popup-links">
                        ${linksHtml}
                    </div>
                </div>
            `;
        }).join('');

        return `
            <li class="category-item">
                <a href="search.html?category=${category.id}">
                    ${nameHtml}
                </a>
                <div class="category-popup">
                    <div class="popup-content">
                        ${subCategoriesHtml}
                    </div>
                </div>
            </li>
        `;
    }).join('');

    categoryList.innerHTML = html;
}

// 页面加载完成后渲染分类
// document.addEventListener('DOMContentLoaded', renderCategories);
